@frame1("首页", "WineApp", "WineController") {
	<meta charset="UTF-8">
	@if(flash.contains("handleUplineError")) {
		<script type="text/javascript">alert('@flash.get("handleUplineError")')</script>
	}

	<div class="wine">
		<div id="slideBox" class="slideBox" style="margin-top: -3%;">
			<div class="bd">
				<carousel interval="myInterval">
					<slide ng-repeat="ad in adList" active="ad.active">
						<img ng-src="{{ad.images | UploadImageFromSplitStr:0}}" style="margin: auto ;">
						<div class="carousel-caption">
						</div>
					</slide>
				</carousel>
			</div>

			<div class="hd">
				<ul>
				</ul>
			</div>
		</div>

		<div class="wine-nav" style="margin-bottom:0 ;">
			<ul>
				<li style=""><a href="/w/set?storeId={{selectStoreId}}"><b class="b1"></b><br />全部分类</a></li>
				<li><a href="/w/privilege?storeId={{selectStoreId}}"><b class="b2"></b><br />优惠活动</a></li>
				<li><a href="/w/myOrder?userId={{user.id}}&storeId={{selectStoreId}}"><b class="b3"></b><br />我的订单</a></li>
				<li><a href="/w/userCenter?storeId={{selectStoreId}}"><b class="b4"></b><br />个人中心</a></li>
			</ul>
		</div>


	</div>


	<div class="type-p">
		<img src='@routes.Assets.at("img/3.png")' alt="" style="float:left ;">
			&nbsp;&nbsp;<div class="msfl">
		<span style="" class="type-span1"> 热销产品</span><br>
		<span style="" class="type-span2">HOTPRODUCTS</span>
	</div>
		<div style="width:50px ; height: 10px ; float: right ; margin-top: 3% ;" >
			<a href="/w/HotSaleProducts?storeId={{selectStoreId}}"><span style="color:#8b8b8b ;">更多>&nbsp;</span></a>
		</div>
	</div>
	<div class="wine-type" ng-repeat="Product in ProductListHotSale">
		<div class="type-img" style="margin-bottom:5px ;">

			<a href="/w/Wproduct/{{Product.id}}?storeId={{selectStoreId}}"><img
			ng-src='{{Product.images | UploadImageFromSplitStr:1}}' alt=""
			style="width: 100% ; height: 100% ;"></a>
		</div>
	</div>

	<div class="type-p">
		<img src='@routes.Assets.at("img/3.png")' alt="" style="float:left ;">
			&nbsp;&nbsp;<div class="msfl">
		<span style="" class="type-span1"> 美食分类</span><br>
		<span style="" class="type-span2">CLASSIFICATION</span>
	</div>
		<div style="width:50px ; height: 10px ; float: right ; margin-top: 3% ;" >
			<a href="/w/set?storeId={{selectStoreId}}"><span style="color:#8b8b8b ;">更多>&nbsp;</span></a>
		</div>
	</div>
	<div class="wine-well">
		<div class="well-left" ng-repeat="Catalog in CatalogList" style="border: 2px solid #fff ;">
			<div class="well-img1">
				<a href="/w/marry/{{Catalog.id}}?storeId={{selectStoreId}}"
				style="float: left ; width: 100% ;"><img
				ng-src='{{Catalog.smallImages | getFirstImageFromSplitStr:0}}'
				alt=""
				style="width: 100% ; height: 100% ;"></a>
			</div>
		</div>
	</div>



	<div class="type-p">
		<img src='@routes.Assets.at("img/4.png")' alt="" style="float:left ;">
			&nbsp;&nbsp;<div class="msfl">
		<span style="" class="type-span1">招牌推荐</span><br>
		<span class="type-span2" style="margin-left:3px ;">PROMOTIONS</span>
	</div>
		<div style="width:50px ; height: 10px ; float: right ; margin-top: 3% ;" >
			<a href="/w/allProduct?storeId={{selectStoreId}}"><span style="color:#8b8b8b ; float: right ;">更多>&nbsp;</span></a>
		</div>
	</div>
	<div class="wine-well">
		<div class="well-left" ng-repeat="Product in ProductListZhaoPai">
			<div class="well-img1">
				<a href="/w/Wproduct/{{Product.id}}?storeId={{selectStoreId}}"
				style="float: left ; width: 100% ;"><img
				ng-src='{{Product.images | getFirstImageFromSplitStr:0}}' alt=""
				style="width: 100% ; height: 100% ;"></a>

			</div>
			<div class="well-p">
				<p class="well-p1" >
						&nbsp;<span style="color:black ; font-weight:bold ;"><span ng-bind="Product.name"> </span> </span><!-- <span
					ng-bind="Product.ml"></span>ml <br>-->
					<br>
						&nbsp;<span ng-bind=" Product.shortDesc" style="line-height:10px ;font-size: 12px;">
					</span>
				</p>
				<p class="well-p2">
					<b>&yen;<span ng-bind="Product.price" class="wellP2-span" style="font-size: 20px;"></span></b>
					<img src='@routes.Assets.at("img/5.png")' alt="" style="" ng-click='addCart(Product, 1)' >
					<br>
					<span style="font-size:10px ; color:#c8c8c8 ; float:right ;" ng-bind="Product.inventory | inventoryDisplay"></span>

				</p>
			</div>
		</div>
	</div>

	<div class="bottom">
		<p>外卖时间：上午 10:00 ~ 次日凌晨 3:00</p>
		<p>客服热线：<span ng-bind="StoreList.phone"></span></p>
		<div class="numberB">
			<ul class="clear">
				<li style=""><a href="/w/about#c1" style="color:black;">购物流程</a></li>
				<li ><a href="/w/about#c2" style="color:black;">支付配送</a></li>
				<li ><a href="/w/about#c2" style="color:black;">售后服务</a></li>
				<li ><a href="/w/about#c4" style="color:black;">关于我们</a></li>
				<li  style="border-right: 0px solid #F08300;"><a href="/w/about#c5" style="color:black;">联系我们</a></li>
			</ul>
		</div>
		<div class="homefooter_7080" style="margin-top: 4%;text-align: center;">
			<img src='@routes.Assets.at("images/7080.png")' style="width: 20%;">
			<P class="homefooter_text_p2" style="color: #999;margin-top: 3px;">由7080网络提供技术支持</P>
		</div>
	</div>
<div class="foot">
		<ul>
			<li class="foot1" style="padding: 0 ;"><a href="/w/wine?storeId={{selectStoreId}}"><b class="f1"></b><br />首页</a></li>
			<li class="foot2"><a href="/w/set?storeId={{selectStoreId}}"><b class="f2"></b><br />美食分类</a></li>
			<li class="foot3"><a href="/w/cart?storeId={{selectStoreId}}"><b class="f3"></b><br />购物车(<span ng-bind="cart | cartCalculate:selectStoreId "></span>)</a></li>
			<li class="foot4"><a href="/w/userCenter?storeId={{selectStoreId}}"><b class="f4"></b><br />个人中心</a></li>
		</ul>
	</div>
	<div id="okcat" style="display:none;position: fixed; width: 150px;  height: 60px; background-color: rgba(0, 0, 0, 0.5); left: 0; right: 0; margin: auto; color: #fff;  top: 41%;text-align: center; font-size: 18px;  line-height: 60px;border-radius: 10px;">
		已加入购物车
	</div>

	<div class="he" id="he" style="position: fixed;background-color: rgba(6, 3, 3, 0.76); left: 0; right: 0; margin: auto; color: #fff;top: 0; height: 100%">
		<div style="margin-top: -13%;">
			<img src='@routes.Assets.at("img/dao.png")' style=" width: 100%;">
		</div>
	</div>
<script>
	 window.onload=function(){
		 setTimeout( "hejj()",2000)
	 }
		function hejj(){
			document.getElementById("he").style.display="none"
		}
</script>
}
<script src='@routes.Assets.at("js/ui-bootstrap-tpls-0.12.0.min.js")'></script>

<script language="javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>

<script type="text/javascript">
        wx.config({
			debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			appId: '@session.get("appid")',
			// 必填，公众号的唯一标识
			timestamp:'@session.get("timestamp")' ,
			// 必填，生成签名的时间戳
			nonceStr: '@session.get("nonce")',
			// 必填，生成签名的随机串
			signature: '@session.get("signature")',
			// 必填，签名，见附录1
			jsApiList: [
				'onMenuShareTimeline',
				'onMenuShareAppMessage',
				/*   'onMenuShareQQ',
				 'onMenuShareWeibo',*/
			] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});

		wx.ready(function() {

//分享给朋友
			wx.onMenuShareAppMessage({
				title: '珠海小龙虾', // 分享标题
				desc: '珠海NO.1的珠海小龙虾外卖来啦,下单有惊喜!好吃不仅小龙虾!', // 分享描述
				link: window.location.href, // 分享链接
				imgUrl: window.location.protocol + '//' + window.location.host + '/assets/img/xlx.jpg', // 分享图标
				type: 'link', // 分享类型,music、video或link，不填默认为link
				dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
				success: function () {
					//alert("got it");
					// 用户确认分享后执行的回调函数
				},
				cancel: function () {
					//alert("got it cancel");
					// 用户取消分享后执行的回调函数
				}
			});


			wx.onMenuShareTimeline({
				title: '珠海小龙虾', // 分享标题
				link: window.location.href, // 分享链接
				imgUrl: window.location.protocol + '//' + window.location.host + '/assets/img/xlx.jpg', // 分享图标
				success: function () {
					// 用户确认分享后执行的回调函数
				},
				cancel: function () {
					// 用户取消分享后执行的回调函数
				}
			});

			wx.error(function(res) {
				//alert(res.errMsg);
			});

		});



</script>
